﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta charset="utf-8" />
    <meta name="ms-design-extensionType" content="Search" />
    <title>搜索协定</title>

    <!-- WinJS 引用 -->
    <link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.1.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0/js/ui.js"></script>

    <link href="/css/default.css" rel="stylesheet" />
    <link href="/pages/search/searchResults.css" rel="stylesheet" />
    <script src="/js/data.js"></script>
    <script src="/pages/search/searchResults.js"></script>

</head>
<body>
    <div id="listPageTemplateWrap" data-win-control="WinJS.Binding.Template">
        <div data-win-bind="className: className">
           <div>
            <img src="#" data-win-bind="alt: title; src: picture" />
            <h4 class="win-type-xx-small" data-win-bind="innerText: title"></h4>
            <h6 data-win-bind="innerText: date"></h6>
            </div>
        </div>
    </div>

    <div class="searchResults fragment">
        <header aria-label="Header content" role="banner">
            <button class="win-backbutton" aria-label="Back" disabled type="button"></button>
            <h1 class="titlearea win-type-ellipsis">
                <span class="pagetitle">搜索 “<span class="search-query-txt">dota</span>”</span>
            </h1>
        </header>

        <section aria-label="Main content" role="main">
            <div class="category-area">
              <div id ="search-category">
                <a id="videoResults-btn" href="#">视频</a>
                <a id="pictureResults-btn" href="#">图片</a>
                <a id="newsResults-btn" href="#">新闻</a>
              </div>
            </div>
            <div class="listPage-wrap">
                <h2 class="hide noResults">无搜索结果</h2>
                <div class="loading">
                    <label class="progressRingText">
                        <progress class="win-ring win-large"></progress>
                    </label>
                </div>
                <div id="listPage-listView" data-win-control="WinJS.UI.ListView">
                </div>
            </div>
        </section>
    </div>
</body>
</html>
